<template>
	<view class="a">
		<view class="info">
			<view class="part">
				<image style="width: 150rpx;height: 150rpx;border-radius: 50px;" src="../../static/userImg/tx.png"
					mode=""></image>
			</view>
			<view class="part1">
				<view class="title">
					你好，秦浩铖 同学
				</view>
				<view class="msg">
					心有多大，舞台就有多大
				</view>
			</view>
		</view>

		<u-grid class="grid" :col="3">
			<u-grid-item>
				<u-icon name="setting-fill" :size="46"></u-icon>
				<view class="grid-text">设置</view>
			</u-grid-item>
			<u-grid-item>
				<u-icon name="grid-fill" :size="46"></u-icon>
				<view class="grid-text">通用</view>
			</u-grid-item>
			<u-grid-item>
				<u-icon name="eye-fill" :size="46"></u-icon>
				<view class="grid-text">隐私</view>
			</u-grid-item>
			<u-grid-item>
				<u-icon name="lock-fill" :size="46"></u-icon>
				<view class="grid-text">安全</view>
			</u-grid-item>
			<u-grid-item>
				<u-icon name="chat-fill" :size="46"></u-icon>
				<view class="grid-text">通知</view>
			</u-grid-item>
			<u-grid-item>
				<u-icon name="volume-fill" :size="46"></u-icon>
				<view class="grid-text">推广</view>
			</u-grid-item>
			<u-grid-item>
				<u-icon name="photo" :size="46"></u-icon>
				<view class="grid-text">动态</view>
			</u-grid-item>
			<u-grid-item>
				<u-icon name="edit-pen-fill" :size="46"></u-icon>
				<view class="grid-text">评论</view>
			</u-grid-item>
			<u-grid-item>
				<u-icon name="home-fill" :size="46"></u-icon>
				<view class="grid-text">主页</view>
			</u-grid-item>
		</u-grid>

		<view class="m-echart">
			<uni-line></uni-line>
		</view>

		<u-tabbar :list="tabbar"></u-tabbar>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		computed: {
			tabbar() {
				return this.$store.state.tabbar
			}
		},
		methods: {

		}
	}
</script>

<style scoped>
	.a {
		padding: 30rpx;
	}

	.info {
		height: 250rpx;
		border-radius: 15rpx;
		background-color: #ECF5FF;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.part {
		width: 30%;
	}

	.part1 {
		width: 60%;
	}

	.title {
		font-size: 35rpx;
		font-weight: 700;
	}

	.msg {
		margin-top: 15rpx;
		color: #606266;
	}

	.grid {
		margin-top: 70rpx;
	}

	.grid-text {
		font-size: 28rpx;
		margin-top: 4rpx;
		color: $u-type-info;
	}

	.m-echart {
		width: 100%;
		height: 600rpx;
		margin-top: 50rpx;
	}
</style>
